<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title>小米手机官网</title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/animate.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/mi.css" />
		<!-- 苹果设备在桌面上生成的快捷图标 -->
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
		<link rel="icon" href="img/favicon.ico">
	</head>

	<body>
		<!--
			<a href="tel:110">点击拨号</a>
			<a href="sms:110">发短信</a>
		-->
		
		<header class="mi-header">
			<div class="header-downloadapp">
				<a href="#">
					<img src="img/ios.png"/>
				</a>
				<div class="downloadapp-close">
					<a href="#">
						<img src="img/top-x.png"/>
					</a>
				</div>
			</div>
			<div class="header-searchbar">
				<a href="#">
					<i class="fa fa-search searchbar-icon"></i>
					<span class="searchbar-text">搜索商品名称</span>
				</a>
				<div class="searchbar-underline"></div>
			</div>
		</header>

		<section class="mi-container">
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
			        	<img src="img/mi-device.jpg"/>
			        </div>
			        <div class="swiper-slide">
			        	<img src="img/1.jpg"/>
			        </div>
			        <div class="swiper-slide">
			        	<img src="img/2.jpg"/>
			        </div>
			        <div class="swiper-slide">
			        	<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p>
			        </div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
		</section>

		<footer class="mi-footer">

		</footer>
		
		<script src="js/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/mi"></script>
	</body>

</html>